<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="js/bootstarp-3.3.7/css/bootstrap.min.css" />
		<script src="js/jquery-3.2.0.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/bootstarp-3.3.7/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>

		<link rel="stylesheet" type="text/css" href="js/bootstarp-table-1.11.1/bootstrap-table.min.css" />
		<script src="js/bootstarp-table-1.11.1/bootstrap-table.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/bootstarp-table-1.11.1/bootstrap-table-zh-CN.min.js" type="text/javascript" charset="utf-8"></script>

		<script src="js/xlsx.core.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/tableexport.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/FileSaver.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/bootstrap-table-export.js" type="text/javascript" charset="utf-8"></script>

		<style type="text/css">
			#tabletow,
			#tas {
				margin-top: 10px;
			}
			
			#ts,
			#ta {
				border-top: 1px solid white;
			}
			
			#tas {
				color: white;
				background-color: #47c6c6;
			}
		</style>
		<script>
			$(function() { //, headers: { 'x-requested-with': 'XMLHttpRequest' }]
	
				$.ajaxSetup({
					crossDomain: true,
					xhrFields: {
						withCredentials: true
					}
				});
			});
		</script>

		<script type="text/javascript">
			$(function() {

				$("#tab").bootstrapTable({
					url: "http://localhost:8090/getJCXM",
					pageSize: 10,
					pagination: true,
					type: "post",
					queryParams: "queryParames",
					columns: [{
						field: 'xmbh',
						title: '项目编号',
						align: 'center'

					}, {
						field: 'xmmc',
						title: '项目名称',
						align: 'center'
					}, {
						field: 'xmsl',
						title: '项目数量',
						align: 'center'
					}, {
						field: 'xmjg',
						title: '项目总金额',
						align: 'center'
					}],
					
				})


				$.ajax({
					type: "post",
					url: "http://localhost:8090/getTJ",
					dataType: "json",
					success: function(data) {
						$("#tdone").html(data.xmzs);
						$("#tdtwo").html(data.srzs);
					}
				});

				$("#cx").click(function() {
					$("#tab").bootstrapTable("refresh");

				})

			})

			function queryParames() {
				return {
					'rqo': $("#rqone").val(),
					'rqt': $("#rqtwo").val()
				}

			}
		</script>

	</head>

	<body>

		<table width="100%" id="tabletow">

			<tr>
				<td>
					<table>
						<tr>
							<td width="20">

							</td>
							<td>
								日期&nbsp;:&nbsp;
							</td>
							<td>
								<input class="form-control" type="date" id="rqone" value="" />
							</td>
							<td>
								&nbsp;&nbsp;-&nbsp;&nbsp;
							</td>
							<td>
								<input class="form-control" type="date" id="rqtwo" value="" />
							</td>
							<td>
								&nbsp;&nbsp;
							</td>
							<td>
								<input style="width: 80px;" class="btn btn-primary" type="button" id="cx" name="" value="查询" />
							</td>
						</tr>
					</table>

				</td>

			</tr>

		</table>

		<!--<table height="75px" width="100%">
			<tr bgcolor="#47c6c6">
				<td rowspan="2" width="90px" align="center" >收支概括</td>
				<td align="center" height="30px" width="130px" id="zlr">0
				</td>
				<td align="center" height="30px" width="130px" id="pfzj">0
				</td>
				<td align="center" height="30px" width="130px" id="xszj">0
				</td>
				<td rowspan="2"></td>
			</tr>
			<tr bgcolor="#47c6c6">
				<td align="center">
					<hr width="100px" />总利润</td>
				<td align="center">
					<hr width="100px" />批发总价</td>
				<td align="center">
					<hr width="100px" />销售总价</td>
			</tr>
		</table>
-->
		<table id="tas" width="100%" height="75px">
			<tr>
				<td rowspan="2" width="90px" align="center">收支概况</td>
				<!--<td rowspan="2"></td>-->
				<td width="130px" height="30px" align="center" id="tdone">0</td>
				<td width="50"></td>
				<td width="130px" height="30px" align="center" id="tdtwo">0</td>
				<td width="1200"></td>
			</tr>
			<tr>
				<td id="ts" align="center">
					检查项目数
				</td>
				<td></td>
				<td id="ta" align="center">合计项目收入</td>
				<td></td>
			</tr>
		</table>

		<br />
		<table id="tab" class="table table-striped">

	</body>

</html>